/* div{
    border: 1px solid black;
} */

*{
    margin: 0;
    padding: 0;
}

.clearfix{
    margin-bottom: 10px;
	
}
 li{
    list-style: none;
 }
.search-container {
    position: relative;
    display: inline-block;
}
        
.search-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-right: 40px;  /* 给右侧图标留空间 */
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: auto;
    pointer-events: none;
}

.people-selector {
    display: none;
    position: absolute;
    top: 40px; /* 根据需要调整位置 */
    width: 100%;
    border: 1px solid #ccc;
    background-color: white;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.people-selector ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.people-selector li {
    padding: 10px;
    cursor: pointer;
}

.people-selector li:hover {
    background-color: #f1f1f1;
}

.info-section {
    font-family: Arial, sans-serif;  /* 字体 */
    line-height: 1.6;  /* 行间距 */
}

.info-item {
    margin-bottom: 15px;  /* 每项之间的间隔 */
}

.info-title {
    /* font-weight: bold;  标题加粗 */
    color: #555;  /* 标题颜色 */
}

.info-value {
    /* display: block;  将内容分行显示 */
    margin-top: 5px;  /* 内容上边距 */
    color: #555;  /* 内容颜色 */
}

.info-item .info-value {
    font-size: 14px;  /* 内容字体大小 */
}

.info-item .info-title {
    font-size: 16px;  /* 标题字体大小 */
}

.area-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
     width: auto; /* 或者设置更大的固定宽度 */
}

.area-item {
    display: flex;
    flex-wrap: wrap; /* 使超链接按行排列 */
    gap: 5px;
}

.area-item a {
    text-decoration: none;
    color: #666;
    padding: 5px 10px;
    /* background-color: #f1f1f1; */
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.area-item a:hover {
    /* background-color: #e0e0e0; */
    color: red;
}

#show-more-btn {
    padding: 2px 5px;
    color: #666;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}


/* 默认按钮颜色 */
.btn-custom {
    background-color: #f0f0f0; /* 默认背景色 */
    color: #333; /* 默认文字颜色 */
    padding: 5px 5px; /* 调整按钮的上下和左右内边距，使按钮高度和宽度合适 */
    width: 120px; /* 设置按钮的宽度 */
    /* margin: 0 5px; 设置按钮之间的水平间距 */
    
    transition: background-color 0.3s ease; /* 添加渐变效果，使颜色变化更平滑 */
}

/* 按钮容器的居中对齐 */
.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

/* 选中按钮的颜色 */
.btn-selected {
    background-color: #ad58eb; /* 选中按钮的背景色 */
    color: white; /* 选中按钮的文字颜色 */
}


.radio-group {
    margin-bottom: 20px;
}

.radio-group label{
    padding-top: 29px;
}
/* 
.radio-group input {
    margin-right: 10px;
} */

.hotel-sortbar{
    border-bottom: 1px solid #eaeaea;
}

.detail-list{
    padding: 25px 0;
    border-bottom: 1px solid #ececec;

}

.detail-list img{
 width: 330px;
 height: 240px
}

.hotel-title{
    margin-bottom: 10px;
}

.hotel-info{
    float: left;
    width: 315px;
    margin-right: 20px;
}

.hotel-info .nums{
    margin: 15px 0 5px;
    color: #999;
    line-height: 15px;
    font-family: "Microsoft Yahei";
}

.hotel-info .nums li {
    float: left;
    margin-bottom: 20px;
}



.hotel-info .rating{
    margin:-9px 25px 3px 0px;
    width: 65px;
    height: 51px;
    padding-top: 15px;
    background: url("../image/hotel-detail-icon8.png") no-repeat 0 0;
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 16px;
}


.hotel-info .summary {
    margin: 5px 0 15px;
    font-size: 14px;
    line-height: 26px;
    max-height: 78px;
}


.hotel-info .location {
    color: #999;
    line-height: 20px;
}

.hotel-info .icon-location {
    float: left;
    margin: 2px 5px 0 0;
    width: 13px;
    height: 15px;
    background: url("../image/hotel-detail-icon8.png") no-repeat -130px 0;
    overflow: hidden;
}



.detail-list a{
    text-decoration: none;
    color: #666;
}
.detail-list a:hover{
    text-decoration: none;
    color: #ad58eb;
}


.hotel-info .nums .split {
    margin: 1px 18px 0;
    width: 0;
    height: 30px;
    border-left: 1px solid #eaeaea;
    overflow: hidden;
}

.hotel_datail a{
    margin-top: 10px ;
    display: inline-block;
    border-bottom:  1px solid #eee;  
}
.row{
	width: 1420px;
}
.container{
	width: 1420px;
}
#checkinDate{
	width: 155px;
}
#checkoutDate{
	width: 155px;
}
.search-container{
	margin-left: -25px;
}
#allmap{
	width: 260px !important;
	 height: 210px;
}
#map{
	width: 250px !important;
	 height: 200px;
}
  /* 显示坐标信息的容器 */
        #coordinates {
            margin-top: 10px;
        }